<template>
    <div class="cc" style="text-align: center;">
        <p style="text-align: center;line-height: 40px;">{{msg}}</p>
        <p>我是css引用</p>
        <div class="img01-div"></div>
        <p>我是img标签引用</p>
        <img src="../assets/images/img02.png" alt="">
    </div>
</template>

<script>
    require("../assets/css/imgdemo.scss")
    require("../assets/css/c-demo.css")
    require("../assets/css/less-demo.less")
    export default {
        name: 'ImgDemo',
        data () {
            return {
                msg:'你好!我是你的第二个自定义组件,我的名字叫ImgDemo!'
            }
        }
    }
</script>

<style scoped>
    
    div.hello-demo{
        border:1px solid red;
    }
</style>
